/* 个人中心-收货地址 */
.page-uc-address {
  .add-address {
    display: flex;
    padding-top: 5px;
    align-items: center;

    .add-btn {
      padding: 5px 15px;
      background: #e1251b;
      color: #fff;
      border-radius: 2px;
      margin-right: 10px;

      &:hover {
        opacity: 0.9;
      }
    }

    .add-limit {
      color: #999;

      .number {
        color: #e1251b;
        margin: 0 3px;
      }
    }
  }

  .address-list {
    .item {
      margin-top: 20px;
      border: 1px solid;
      border-color: #eee;
      padding: 15px 20px;
      -moz-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      cursor: pointer;

      &:hover {
        border-color: #e1251b;

        .item-row {
          .default-btn {
            display: block;
          }

          .action-box {
            opacity: 1;
          }
        }
      }

      .item-row {
        display: flex;
        align-items: center;

        .name {
          font-size: 14px;
          font-family: arial;
          margin-right: 20px;
        }

        .phone-number {
          font-size: 14px;
          font-family: arial;
          margin-right: 20px;
        }

        .default-btn {
          color: #005ea7;
          display: none;

          &:hover {
            color: #e1251b;
          }
        }

        .action-box {
          flex: 1;
          text-align: right;
          opacity: 0;

          .edit {
            display: inline-block;
            width: 14px;
            height: 14px;
            cursor: pointer;
            background: url(@/assets/images/icons.png) no-repeat 0 -434px;
            margin-right: 10px;

            &:hover {
              background-position: -19px -434px;
            }
          }

          .delete {
            display: inline-block;
            width: 14px;
            height: 14px;
            cursor: pointer;
            background: url(@/assets/images/icons.png) no-repeat 0 -415px;

            &:hover {
              background-position: -19px -415px;
            }
          }
        }
      }

      .address-detail {
        color: #999;
        margin-top: 10px;
      }
    }

    .item.default-address {
      .item-row {
        .default-btn {
          display: block;
          background: #e1251b;
          color: #fff;
          padding: 0 3px;
          border-radius: 2px;
        }
      }
    }
  }
}

/* 个人中心-收货地址 end */
